<div class="container">
    <div class="header">
        <img class="img-logo">

        <div class="wall-title">
            <h3></h3>
            <h4></h4>
        </div>
        <img class="img-wall-qrcode" src="">
    </div>

    <div style="display:none;">
        <audio controls="controls" id="soundAudio" style="display:none;" src=""></audio>
    </div>

    <div class="frame-wrapper" id="frame-wrapper">
        <div class="content content-bonus">
            <div id="bonusDetail"></div>
            <div class="bonus-stage"></div>
            
        </div>
    </div>

</div>


<!-- 天降红包初始模版 -->
<script type="text/x-jsrender" id="init-bonus-tpl">
    <div id="bonusInit">
        <div class="bonus-joinBtn" style="text-shadow: none;display:none;"><%=joinPeople %><span style="text-shadow: none;" id="bonusWaitNum">0</span><%=joinUnit %></div>
        <div class="bonus-startBtn"></div>
        <br />
        <div class="bonus-startBtn2"></div>
    </div>
    <div id="bonusCountDown"></div>
    
</script>


<!-- 天降红包中奖名单弹层模版 -->
<script type="text/x-jsrender" id="prize-bonus-tpl">
    <div id="bonus-prise-layout">
        <div class="bonus-prize">
            <p class="bonusClose"><img src="<%=bonusClose %>" width="100%" /></p>
            <div class="bonus-prizeTopListTitle"><img src="<%=bonusTopList %>" width="100%" /><%=bonusTopTitle %></div>
            <div class="bonus-prizeList" id="bonus-prizeTopList">
                <ul></ul>
            </div>
            <div class="bonus-prizeListTitle"><img src="<%=bonusList %>" width="100%" /><%=bonusListTitle %></div>
            <div class="bonus-prizeList" id="bonus-prizeList">
                <ul></ul>
            </div>
        </div>
    </div>
</script>


<!-- 天降红包启动模版 -->
<script type="text/x-jsrender" id="countdown-bonus-tpl">
    <div class="bonus-mirage"></div>
    <div class="bonus-num"><img src="<%=bonusImg %>" /></div>
</script>


<!-- 天降红包等候区 -->
<script type="text/x-jsrender" id="area-bonus-tpl">
    <div class="bonusHoldArea">
        <ul></ul>
    </div>
</script>


<!-- 天降红包主程序模版 -->
<script type="text/x-jsrender" id="game-bonus-tpl">
    <div class="bonus-showtime" id="bonus-showtime" style="text-shadow: none;">
        <span id="second_show" style="text-shadow:none;"></span>
        <span id="microsecond_show" style="text-shadow:none;"></span>
    </div>
    <div class="bonus-moneypack"><img src="<%=bonusMoneypack %>" width="100%" /></div>
    <div class="bonus-rain-box">
        <ul></ul>
    </div>
    <div class="bonus-list">
        <div class="bonus-listTitle"><img src="<%=bonusList %>" width="100%" /><%=bonusListTitle %></div>
        <ul></ul>
    </div>
    <div class="bonus-topList">
        <div class="bonus-topListTitle"><img src="<%=bonusTopList %>" width="100%" /><%=bonusTopTitle %></div>
        <ul></ul>
    </div>
    <div class="bonus-package">
        <p><img src="" width="100%" /></p><p></p><p></p>
    </div>
</script>


<!-- 天降红包顶部轮次 -->
<script type="text/x-jsrender" id="header-bonus-tpl">
    <div class="item-dropdown pull-right" id="bonusSel">
        <a class="show bonus-sh" href="javascript:void(0);">
            <span class="sel-txt"><%='请选择奖项' %></span>
            <i class="caret"></i>
        </a>
        <ul id="redpack-list" class="menu-dropdown menu-bonusdown">
            <% for(var i=0;i< list.length;i++){ %>
            <li data-luckytitle="<%=list[i].LuckyTitle %>" data-luckyid="<%=list[i].LuckyId %>" data-shakestatus="<%=list[i].ShakeStatus %>" title="<%=list[i].LuckyTitle %>"><%= list[i].LuckyTitle %></li>
            <% } %>
            
        </ul>
        <h3></h3>
    </div>

</script>


